<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的购物车  - ${web.name}${web.additionalTitle!}</title>
<link href="${root}/u/css/main.css" type="text/css" rel="stylesheet" />

<link href="${root}/u/css/checkout.css" type="text/css" rel="stylesheet" />
<link href="${root}/u/css/cart.css" type="text/css" rel="stylesheet" />
<script src="${root}/u/js/jquery.js" type="text/javascript"></script>
<script src="${root}/u/js/cart_sure.js"  type="text/javascript"></script>
<script src="${root}/u/js/cart.js"  type="text/javascript"></script>


<!-- <script src="${root}/u/js/jspgou/jquery1.42.min.js" type="text/javascript"></script> -->
<script src="${root}/u/js/jspgou/jquery.superslide.2.1.1.js" type="text/javascript"></script>
<script src="${root}/u/js/jspgou/leftlanmu.js" type="text/javascript"></script>
<script src="${root}/u/js/jspgou/1/lib.js" type="text/javascript"></script>
<script type="text/javascript"> 
var URLPrefix = {
		"url":"${base}"
};
</script>
<script type="text/javascript">
function addToCart(productId,fashId,count,isAdd) {
	$.post('${base}/add_to_cart.jspx', {
		'productId' : productId,
		'productFashId' : fashId,//新加属性（wang ze wu ）
		'count' : count,
		'isAdd' : isAdd
	}, function(data) {
		location.reload();
	},'json');
}

function intoCart(index,store,faid,pid,url){alert(22);
	var i=document.getElementById("p_"+index).name;
	if(i<2){
		if(store<1){
              alert("暂无库存!");
              return false;
			}
          $.post("${base}/add_to_cart.jspx",{
            'productId' : pid,
      		'productFashId' : faid,//新加属性（wang ze wu ）
      		'count' : 1,
      		'isAdd' : true
           },function(data){
        	   if(data.status==1) {
       			location.href='${base}/shopping_cart.jspx?backUrl=${location}';
       		} else if(data.status==0) {
       			location.href='${loginUrl}';
       		} else {
       			alert('error code: ' + data.status);
       		}
                  },'json');
		}
	else{
		alert('请选择款式！');
             location.href=url;
		}
}
function checkedStatus(id){
	var temp = document.getElementById(id);
	setChildCheckBox(temp);
	setParentCheckBox(temp);
	aa();
}
 
function findChildCheckBox(entity){
	var chkArray = new Array();
	if(document.getElementsByTagName("input")){
		var inputs = document.getElementsByTagName("input");
		for(var i = 0; i < inputs.length; i++){
			var ele = inputs[i];
			if(ele.type == "checkbox" && ele.className == entity.id){
				chkArray.push(ele);
			}
		}
	}
	return chkArray;
}
 
function findBrotherCheckBox(entity){
	var chkArray = new Array();
	if(document.getElementsByTagName("input")){
		var inputs = document.getElementsByTagName("input");
		for(var i = 0; i < inputs.length; i++){
			var ele = inputs[i];
			if(ele.type == "checkbox" && ele.className == entity.className){
				chkArray.push(ele);
			}
		}
	}
	return chkArray;
}
 
function findParentCheckBox(entity){
	var _element = null;
	if(document.getElementsByTagName("input")){
		var inputs = document.getElementsByTagName("input");
		for(var i = 0; i < inputs.length; i++){
			var ele = inputs[i];
			if(ele.type == "checkbox" && ele.id == entity.className){
				_element = ele;
				break;
			}
		}
	}
	return _element;
}
function setChildCheckBox(entity){
	var status = entity.checked;
	var childList = findChildCheckBox(entity);
	if(childList.length > 0){
		for(var i = 0; i < childList.length; i++){
			childList[i].checked = status;
			setChildCheckBox(childList[i]);
		}
	}
}
function setParentCheckBox(entity){
	var parentChecked = true;
	var parentCheckBox = findParentCheckBox(entity);
	if(parentCheckBox){
		var brotherList = findBrotherCheckBox(entity);
		if(brotherList.length > 0){
			for(var i = 0; i < brotherList.length; i++){
				if(brotherList[i].checked == false){
					parentChecked = false;
					break;
				}
			}
		}
		parentCheckBox.checked = parentChecked;
		setParentCheckBox(parentCheckBox);
	}
}

</script>
<style>
.all-goods .posone{ left:236px;}
</style>
</head>
<body style="background:url(${root}/u/img/jspgou/bg2.gif) repeat-x;">
<div class="w1187b">
    [#include "../include/页头2.html"/]
	<div class="w1173">
    	<div class="position">您当前的位置：<a href="${base}/" target="_blank">首页</a>&nbsp;&gt;&nbsp;我的购物车</div>
        <div class="stepNum1"></div>
    	[#if cart??]
        <div style="margin:auto; width:1100px;"> 
            <form id="jvForm" action="../cart/checkout_shipping.jspx" method="post">
            [#assign polularity=0]
				<table width="1100" border="0" align="center" cellpadding="0" cellspacing="0" class="list">
					<tr> 
						<td width="25"></td><td width="70"></td> <td width="310">商品名称</td> 
						<td width="80">单价</td> <td width="58">积 分</td> <td width="80">数 量</td>
						<td width="59">重 量</td> <td width="172">商品合计</td> 
						<td width="70">操 作</td> 
					</tr> 
				[#list popularityItems as popularityItem]
					<tr> 
						<td width="25"></td><td width="70"></td> <td width="310">
						<h4>套餐名称：${popularityItem.popularityGroup.name!} &nbsp;立省：${popularityItem.popularityGroup.privilege!} X ${popularityItem.count!} = <span id="total_popularity_${popularityItem_index}">${(popularityItem.popularityGroup.privilege)*(popularityItem.count)}</span></h4></td> 
						<td width="80"></td> <td width="58"></td> <td width="80"></td>
						<td width="59"></td> <td width="172"></td> 
						<td width="70"></td> 
					</tr>
				[#list cart.items as item]
					[#if item.popularityGroup??]
						[#if item.popularityGroup.id=popularityItem.popularityGroup.id]
							<tr class="select" id="item_tr_${item.product.id}_${item_index}"> 
								<td class="first_td">                 
									[#if item.popularityGroup.prohibit]
										<input type="checkbox"  name="cart2Checkbox" value='${item.id}' id="chkMat_${item.product.id}_${item_index}" 
										class="chkBill" onclick="checkedStatus(this.id);"checked [#if item.popularityGroup??]disabled[/#if]/> 
									[#else]
										<input type="checkbox"  name="cart2Checkbox" value='${item.id}' id="chkMat_${item.product.id}_${item_index}" class="chkBill" disabled/> 
									[/#if]
									[#if item.popularityGroup??]<input type="hidden"  name="cart2Checkbox" value='${item.id}'/> [/#if]           
								</td> 
								<td> <a class="img60" href="${item.product.url}" target="_blank">
									<img src="${base!}${item.product.productExt.coverImg!}" width="60" height="60"/></a>
								</td> 
								<td class="tl">
									<h3>
										<a href="${item.product.url}" target="_blank">
										[@text_cut s=item.product.name len='10' appent='...'/]&nbsp;
										[#if !item.product.prohibit]
										<br/>
										<font color="red">该商品已被禁售</font>
										[/#if]
										[#if item.productFash??]${item.productFash.attitude!}[/#if][#if item.popularityGroup??](${item.popularityGroup.name})[/#if]
										</a> 
									</h3>     
							<tr class="select" id="item_tr_${item.product.id}_${item_index}">   
								<td class="first_td"> 
							[#if item.product.prohibit]
								[#if  item.product.onSale]     
									<input type="checkbox"  name="cart2Checkbox" value='${item.id}' id="chkMat_${item.product.id}_${item_index}" 
									class="chkBill" onclick="checkedStatus(this.id);"checked [#if item.popularityGroup??]disabled[/#if]/> 
								[#else]
									<input type="checkbox"  name="cart2Checkbox" value='${item.id}' id="chkMat_${item.product.id}_${item_index}" class="chkBill" disabled/> 
								[/#if]   
							[#else]
								<input type="checkbox"  name="cart2Checkbox" value='${item.id}' id="chkMat_${item.product.id}_${item_index}" class="chkBill" disabled/> 
							[/#if]
							[#if item.popularityGroup??]
								<input type="hidden"  name="cart2Checkbox" value='${item.id}'/> 
							[/#if]
								</td> 
								<td> 
									<a class="img60" href="${item.product.url}" target="_blank">
									<img src="${base!}${item.product.productExt.coverImg!}" width="60" height="60"/></a>
								</td> 
								<td class="tl">
									<h3>
										<a href="${item.product.url}" target="_blank"> 
										[@text_cut s=item.product.name len='10' appent='...'/]&nbsp;
										[#if item.productFash??]${item.productFash.attitude!}[/#if][#if item.popularityGroup??](${item.popularityGroup.name})[/#if] 
										</a>
										[#if item.product.prohibit] 
											[#if !item.product.onSale]
												<br/> <font color="red">该商品已被禁售或下架!</font>
											[/#if]
										[#else]  
											<br/> <font color="red">该商品已被禁售或下架!</font> 							
										[/#if]
									</h3>
						[/#if]
									[#if item.productFash??]
										[#if item.productFash.stockCount==0]
											<p class="tips_2"><strong class="orange" style="color:red;">该款式商品已下架或无库存</strong></p>
										[#elseif item.count gt item.productFash.stockCount]
											<p class="tips_2" ><strong class="orange" style="color:red;">该款式商品的购买数量大于库存</strong></p>
										[/#if]
									[#else]
										[#if item.product.stockCount==0]
											<p class="tips_2"><strong class="orange" style="color:red;">该商品已下架或无库存</strong></p>
										[#elseif item.count gt item.product.stockCount]
											<p class="tips_2" ><strong class="orange" style="color:red;">该商品的购买数量大于库存</strong></p>
										[/#if]   
									[/#if]
								</td>
								<td> 
									[#if item.productFash??]
										<del>￥<span id="market_items_${item.product.id}_${item_index}">${item.productFash.marketPrice!}</span></del><br/>
										<strong class="red">￥<span id="sale_items_${item.product.id}_${item_index}">${item.productFash.salePrice!}</span></strong>
									[#else]
										<del>￥<span id="market_items_${item.product.id}_${item_index}">${item.product.marketPrice!}</span></del><br/>
										<strong class="red">￥<span id="sale_items_${item.product.id}_${item_index}">${item.product.salePrice!}</span></strong>
									[/#if]  
										<span id="score_items_${item.product.id}_${item_index}" style="display:none;">${item.product.score!0}</span>
										<span id="weight_items_${item.product.id}_${item_index}" style="display:none;">${item.product.productExt.weight!0}</span>
								</td> 
								<td>
									<span id="total_score_items_${item.product.id}_${item_index}">${item.count*item.product.score!0}</span>
								</td>
								<td>
									<input class="btn-reduce-active" type="button" onclick="decrement('${base}',${item.id},'items_${item.product.id}_${item_index}');" [#if item.popularityGroup??]disabled[/#if]/>
									<input id="items_${item.product.id}_${item_index}" name="itemNumBox" type="text" value="${item.count}" class="num"[#if item.productFash??]oriNum="${item.productFash.stockCount!0}"[#else]oriNum="${item.product.stockCount!0}"[/#if]
									onblur="calSubTotal('${base}',${item.id},'items_${item.product.id}_${item_index}');" [#if item.popularityGroup??]disabled[/#if]/>
									<input class="btn-plus" type="button" onclick="increment('${base}',${item.id},'items_${item.product.id}_${item_index}');" [#if item.popularityGroup??]disabled[/#if]/> 
								</td>
								<td><span id="total_weight_items_${item.product.id}_${item_index}">${item.count*item.product.productExt.weight!0}</span>g</td>           
								<td> 
									[#if item.productFash??]
										<input id="items_fash_${item.product.id}_${item_index}"  type="hidden" value="${item.productFash.id}" /> 
										<strong class="red">￥<span id="total_sale_items_${item.product.id}_${item_index}">${item.count*item.productFash.salePrice!0}</span></strong>
										<span id="total_market_items_${item.product.id}_${item_index}" style="display:none;">${item.count*item.productFash.marketPrice!0}</span>
									[#else]
										<strong class="red">￥<span id="total_sale_items_${item.product.id}_${item_index}">${item.count*item.product.salePrice!0}</span></strong>
										<span id="total_market_items_${item.product.id}_${item_index}" style="display:none;">${item.count*item.product.marketPrice!0}</span>
									[/#if]
								</td>
								<td class="last_td"> 
									<span> 
									<a href="javascript:void(0)"  class="deleteButton" onclick="ajaxDeleteCartItem('${base}',${item.id});" id="items_${item.product.id}_${item_index}_delete" style="color:#656565;">删除</a>
									</span> 
								</td> 
							</tr>
					[/#if]
				[/#list]
				[/#list]
            
				[#list cart.items as item]     
					[#if !item.popularityGroup??] 
							<tr class="select" id="item_tr_${item.product.id}_${item_index}"> 
								[#if item.product.prohibit]
									[#if item.product.onSale] 
										<td class="first_td"> 
											<input type="checkbox"  name="cart2Checkbox" value='${item.id}' id="chkMat_${item.product.id}_${item_index}" class="chkBill"
											onclick="checkedStatus(this.id);" checked [#if item.popularityGroup??]disabled[/#if]/> 
										</td> 
									[#else] 
										<td class="first_td"> 
											<input type="checkbox"  name="cart2Checkbox" value='${item.id}' id="chkMat_${item.product.id}_${item_index}" class="chkBill" disabled/>  
										</td>
									[/#if]
								[#else]
										<td class="first_td"> 
											<input type="checkbox"  name="cart2Checkbox" value='${item.id}' id="chkMat_${item.product.id}_${item_index}" class="chkBill" disabled/> 
										</td>
								[/#if]
										<td> 
											<a class="img60" href="${item.product.url}" target="_blank">
											<img src="${base!}${item.product.productExt.coverImg!}" width="60" height="60"/>
											</a>
										</td> 
										<td class="tl">
											<h3>
												<a href="${item.product.url}" target="_blank">
													[@text_cut s=item.product.name len='10' appent='...'/]&nbsp;
													[#if item.productFash??]
														${item.productFash.attitude!}
													[/#if]
													[#if item.popularityGroup??]
														(${item.popularityGroup.name})
													[/#if]
												</a>  
											
												[#if item.product.prohibit] 
													[#if !item.product.onSale] 
														<br/><font color="red">该商品已被禁售或下架!</font> 
													[/#if]   
												[#else]   
													<br/> <font color="red">该商品已被禁售或下架!</font> 
												[/#if] 
											</h3>
										
										[#if item.productFash??]
											[#if item.productFash.stockCount==0]
												<p class="tips_2"><strong class="orange" style="color:red;">该款式商品已下架或无库存</strong></p>                
											[#elseif item.count gt item.productFash.stockCount]
												<p class="tips_2" ><strong class="orange" style="color:red;">该款式商品的购买数量大于库存</strong></p>
											[/#if]
										[#else]
											[#if item.product.stockCount==0]
											<p class="tips_2"><strong class="orange" style="color:red;">该商品已下架或无库存</strong></p>
											[#elseif item.count gt item.product.stockCount]
											<p class="tips_2" ><strong class="orange" style="color:red;">该商品的购买数量大于库存</strong></p>
											[/#if]   
										[/#if]
										</td>
										<td> 
											[#if item.productFash??]
												<del>￥<span id="market_items_${item.product.id}_${item_index}">${item.productFash.marketPrice!}</span></del><br/>
												<strong class="red">￥<span id="sale_items_${item.product.id}_${item_index}">${item.productFash.salePrice!}</span></strong>
											[#else]
												<del>￥<span id="market_items_${item.product.id}_${item_index}">${item.product.marketPrice!}</span></del><br/>
												<strong class="red">￥<span id="sale_items_${item.product.id}_${item_index}">${item.product.salePrice!}</span></strong>
											[/#if]  
											<span id="score_items_${item.product.id}_${item_index}" style="display:none;">${item.product.score!0}</span>
											<span id="weight_items_${item.product.id}_${item_index}" style="display:none;">${item.product.productExt.weight!0}</span>
										</td> 
										<td>
											<span id="total_score_items_${item.product.id}_${item_index}">${item.count*item.product.score!0}</span>
										</td>
										<td>
											<input class="btn-reduce-active" type="button" onclick="decrement('${base}',${item.id},'items_${item.product.id}_${item_index}');" [#if item.popularityGroup??]disabled[/#if]/>
											<input id="items_${item.product.id}_${item_index}" name="itemNumBox" type="text" value="${item.count}" class="num"[#if item.productFash??]oriNum="${item.productFash.stockCount!0}"[#else]oriNum="${item.product.stockCount!0}"[/#if]
											onblur="calSubTotal('${base}',${item.id},'items_${item.product.id}_${item_index}');" [#if item.popularityGroup??]disabled[/#if]/>
											<input class="btn-plus" type="button" onclick="increment('${base}',${item.id},'items_${item.product.id}_${item_index}');" [#if item.popularityGroup??]disabled[/#if]/> 
										</td>
										<td><span id="total_weight_items_${item.product.id}_${item_index}">${item.count*item.product.productExt.weight!0}</span>g</td>     
										<td> 
											[#if item.productFash??]
												<input id="items_fash_${item.product.id}_${item_index}"  type="hidden" value="${item.productFash.id}" /> 
												<strong class="red">￥<span id="total_sale_items_${item.product.id}_${item_index}">${item.count*item.productFash.salePrice!0}</span></strong>
												<span id="total_market_items_${item.product.id}_${item_index}" style="display:none;">${item.count*item.productFash.marketPrice!0}</span>
											[#else]
												<strong class="red">￥<span id="total_sale_items_${item.product.id}_${item_index}">${item.count*item.product.salePrice!0}</span></strong>
												<span id="total_market_items_${item.product.id}_${item_index}" style="display:none;">${item.count*item.product.marketPrice!0}</span>
											[/#if]
										</td>
										<td class="last_td"> 
											<span> 
											<a href="javascript:void(0)"  class="deleteButton" onclick="ajaxDeleteCartItem('${base}',${item.id});" id="items_${item.product.id}_${item_index}_delete" style="color:#656565;">删除</a>
											</span> 
										</td> 
							</tr>
					[/#if]
				[/#list]
				</table>
				<p class="subtotal">
					<span class="fl"> 重量总计：<span id="items_weight"></span>g &nbsp;
					共节省：<span id="items_spare"></span>元 &nbsp; 
					预计可获积分：<span id="items_score"></span> </span> 
					<strong class="darkgray">运费：</strong> (以结算时为准) &nbsp;&nbsp; <strong class="darkgray">商品金额：</strong>
					<strong class="red f16 yh">&nbsp;<span id="items_sale"></span></strong>&nbsp;元 
				</p> 
				<div class="fix_btm_bar clearfix">
					<div class="fr"> 
					<strong> 商品总价（未包含运费）： <span class="red" id="total_price_bottom"></span>元 </strong> 
					<button id="nextstep" class="ctn_shopping"><a href="${base!}/" target="_blank">继续购物</a></button>
					<button id="confirmToPay" class="settlement" onclick="checksubmit();" >确认结账</button> 
					<input type="hidden" id="allTrackerInfo" name="allTrackerInfo" value="confirmToPayButton:{items:[{pId:1006563,mid:3,num:5,price:69.5},{pId:1764278,mid:3,num:4,price:79.6}],proms:[]}" /> 
					</div>
					<div class="selectbox_btm"> 
					<input type="checkbox" id="chkAllBill" class="0" onclick="checkedStatus(this.id);" checked/>
					<label for="allselect_bottom">全选</label> 
					<a href="javascript:void(0);" onclick="ajaxBatchDelete();" class="ablue">批量删除</a> 
					<a href="javascript:void(0);" onclick="ajaxEmpty();" class="ablue">清空购物车</a>
					</div> 
				</div> 
          	</form>
		[#else]
			<div class="nogoodsbg"> 
				<div class="nogoodsimg"><img src="${root!}/u/img/member/nogoods.jpg"/></div> 
				<div class="nogoodstxt"> 
					<p class="empty">您的购物车还是空的。</p> 
					<p class="color_blue"> 您还没有添加任何商品。 马上去 [ <a href="${base}/">挑选商品</a> ]。</p>
				</div>
				<div class="clear"></div>
			</div> 
		[/#if]
            <div id="cart2BlockUI" style="display:none"></div>
            <div class="recommend_sp">
                <div class="recommend_title">推荐商品</div>
                <ul class="tj_spul">
                    <div class="clear"></div>
                </ul>
            </div>
        </div>
    </div>
</div>
[#include "../include/footer_information_bar.html"/]
</body>
</html>